<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <title>公信商城－店铺预览</title>

    <!--图标字体 http://fontawesome.io/icons/ -->
    <link rel="stylesheet" href="css/font/css/font-awesome.min.css" />
    <link rel="stylesheet" href="css/ui-base.css"/>
    <link rel="stylesheet" href="css/main.css"/>
    <script src="js/jquery.min.js"></script>
    <!--<script src="js/loaderMask.js"></script>-->
</head>
<body>
    <header class="header">
        <span class="title">店铺预览</span>
        <a class="l-btn l-back" href="javascript: window.history.go(-1);"></a>
        <!--<a class="r-btn r-home" href="index.html"></a>-->
    </header>
    <div class="content w100 ho">
        <div class="details store ho">
            <!--照片墙-->
            <div class="photo-wall ho po-r">
                <img src="images/details/details01.jpg" alt="详情"/>
                <a href="photoWall.html">查看照片墙<i class="fa fa-angle-double-right"></i></a>
            </div>

            <!--店铺名称及等级-->
            <div class="store-title po-r ho">
                <img src="images/mainpage/gxr01.jpg" class="store-img" />
                <div class="tt ho">
                    <span>聚合数码专营店</span>
                    <ul>
                        <li><img src="images/icon-xin.png" /></li>
                        <li><img src="images/icon-xin.png" /></li>
                        <li><img src="images/icon-xin.png" /></li>
                    </ul>
                </div>
                <!--<a class="store-btn po-a" href="personalPage.html"><img src="images/store/dianzhu_btn.png"/></a>-->
            </div>

            <!--店铺介绍-->
            <div class="intro">
                <p>
                    店铺介绍手工制作楠木老漆龟甲勺手工制作楠木老漆龟甲勺手工制作楠木老漆龟甲勺手工制作楠木老漆龟甲勺手工制作楠木老漆龟甲勺手工制作楠木老漆龟甲勺
                </p>
            </div>

            <!--商品列表-->
            <div class="best-goods ho">
                <img src="images/store/goods-list.png" alt=""/>
            </div>
        </div>
    </div>

    <!--遮罩层-->
    <div class="mask" ></div>

    <!--客服弹窗-->
    <div class="service-windows po-f ho">
        <img src="images/icon_close.png" class="close-btn" />
        <div class="phone ho bor-b">
            <img src="images/icon_phone.png"/>
            <p>
                客服电话
                <a href="tel://13227721830">13227721830</a>
            </p>
        </div>
        <div class="ewm">
            <img src="images/details/juhebb.jpg" />
            <span>长按二维码，添加卖家微信沟通</span>

        </div>
    </div>

    <footer class="footer">
        <span class="service-store"></span>
        <span class="collect-store"></span><!--收藏collect  已收藏collected-->
    </footer>

    <script>
        $(function () {
            /*客服弹窗 -start*/
            $('.footer .service-store').on('click', function () {
                $('.mask').show();
                $('.service-windows').animate({bottom: '0'}, 800);
            });
            $('.service-windows .close-btn').on('click', function () {
                $('.mask').hide();
                $('.service-windows').animate({bottom: '-80%'}, 800);
            });
            /*客服弹窗 -end*/

        })
    </script>
</body>
</html>